<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>忘记密码</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <link rel="icon" href="images/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="./css/animation.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" type="text/css" media="screen and (max-width:1100px)" href="./css/wap.css">
</head>

<body ontouchstart>
  <!-- header 模块 -->
  <div class="header header-bg-black">
    <div class="header-container clear">
      <img src="images/logo.png" class="logo">
      <div class="nav-btn">
        <span class="n1"></span>
        <span class="n2"></span>
        <span class="n3"></span>
      </div>
      <div class="nav clear">
        <a class="nav-item" href="index.html">
          <span class="text">首页</span>
        </a>
        <a class="nav-item" href="news.html">
          <span class="text">新闻资讯</span>
        </a>
        <a class="nav-item" href="product.html">
          <span class="text">产品介绍</span>
        </a>
        <a class="nav-item" href="about.html">
          <span class="text">关于我们</span>
        </a>
        <a class="nav-item wap-hide" href="personCenter.html">
          <span class="text">个人中心</span>
        </a>
        <a class="nav-item personal" href="personCenterWap.html">
          <span class="text">个人中心</span>
        </a>
      </div>
    </div>
  </div>
  <div class="pop-nav" style="background: rgba(255, 255, 255, 0); position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 10; display: none;"></div>

  <div class="content">
    <div class="main register">
      <div class="title"><span class="name">忘记密码</span></div>
      <div class="Info-wrapper">
        <div class="layui-form center-form">
          <div class="layui-form-item">
            <div class="layui-input-inline">
              <input type="text" placeholder="请输入你的手机号码" maxlength="11" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item phone-code-item">
            <div class="layui-input-inline">
              <input type="text" placeholder="请及时输入手机验证码" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid">
              <button class="layui-btn">获取验证码</button>
              <!-- <button class="layui-btn layui-btn-disabled" disabled>重新获取（56）s</button> -->
            </div>
          </div>
          <div class="layui-form-item">
            <div class="layui-input-inline">
              <input type="password" placeholder="请输入新密码" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <div class="layui-input-inline">
              <input type="password" placeholder="请再次输入新密码" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <div class="layui-input-block wap-btn-group">
              <a class="layui-btn layui-btn-normal">确定</a>
            </div>
          </div>
          <div class="layui-form-item init-item">
            我记起密码，马上
            <a class="orange" href="login.html">登录 </a>
            吧
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="./js/jquery-1.8.3.min.js"></script>
  <script src="./layui/layui.js"></script>
  <script src="./js/fastclick.js"></script>
  <script src="./js/common.js"></script>
  <script>
    layui.use([ 'layer'], function () {
      var layer = layui.layer;
    });
  </script>
</body>

</html>